<template>
  <div class="con">
    <one @addlist='addlist'></one>
    <tow :li=list></tow>
    <theen></theen>
  </div>
</template>

<script>
import one from '../components/one.vue'
import tow from '../components/tow.vue'
import theen from '../components/theen.vue'
export default {
  data(){
    return{
      list:[]
    }
  },
  components:{
    one,tow,theen
  },
  methods:{
    addlist(val){
      // console.log(val)
      this.list=val
      console.log(this.list)
    }
  }
}
</script>

<style lang='scss' scoped>
.con{
  padding: 20px;
}
</style>